@import "@/style";

.PsdModel {
	.customModal(400px, 260px);
	color: #797979;
	background: #fff;
	padding: 0px;

	.title {
		height: 40px;
		display: flex;
		align-items: center;
		position: relative;
		// background: #d1d1d1;
		padding: 0px 4px;
		justify-content: center;

		>span {
			color: #333;
			font-size: 18px;
			letter-spacing: 1px;
			font-weight: bold;
			font-family: "Title-Bold";
		}

		>i {
			color: #333;
			position: absolute;
			right: 6px;
			cursor: pointer;
			transition: all 0.4s ease;

			&:hover {
				color: #1e80ff;
			}
		}
	}

	.container {
		border-radius: 6px;
		background: #ffffff;
		padding: 25px 0px 0px 0px;
		display: flex;
		flex-direction: column;
		align-items: center;

		.formItem {
			width: 300px;
			border-radius: 4px;

			:deep(.el-form-item__label) {
				width: 86px;
			}

			input {
				outline: none;
				background: none;
				border: none;
				width: 296px;
				height: 28px;
				font-size: 14px;
				color: #4b4b4b;
				padding: 2px;
				border-radius: 4px;
			}
		}

		.btn {
			display: flex;
			flex-direction: wrap;
			justify-content: flex-end;
			align-items: center;
			color: #fff;
			cursor: pointer;
			transition: all 0.4s ease;

			:deep(.el-form-item__content) {
				justify-content: flex-end;
			}

			.el-button {
				border-radius: 4px;
				height: 26px;
				font-size: 13px;
			}
		}
	}
}